﻿﻿@using System.Configuration

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <a class="navbar-brand" href="/")">
        <span class="aas">American Astronomical Society</span>
        World<span class="text-info">Wide Telescope</span>
      </a>
    </div>

    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav social">
        <li class="social">
          <a class="social" target="social" href="/webclient/" data-toggle="tooltip" data-placement="bottom"
             data-title="Run WWT on the Web">
            <i class="fa fa-rocket text-info" style="margin-top: 4px;"></i>
          </a>
        </li>

        <li class="social">
          <a class="social" target="social" href="/Home" data-toggle="tooltip" data-placement="bottom"
             data-title="Back to home page">
            <i class="fa fa-home text-info" style="margin-top: 4px;"></i>
          </a>
        </li>

        <li class="social">
          <a class="social" target="social" href="https://twitter.com/wwtelescope" data-toggle="tooltip"
             data-placement="bottom" data-title="Connect with us on Twitter">
            <i class="fa fa-twitter text-info" style="margin-top: 4px;"></i>
          </a>
        </li>

        <li class="social">
          <a class="social" target="social" href="https://www.facebook.com/WWTelescope" data-toggle="tooltip" data-placement="bottom"
             data-title="Like us on Facebook">
            <i class="fa fa-facebook text-info" style="margin-top: 4px;"></i>
          </a>
        </li>

        <li class="social" style="padding-left:0;">
          @*Inline styles to enable deploying these changes without other in-flight changes to wwt.less*@
          <a href="http://aas.org" target="_blank" style="position: relative;top: -28px;left: 15px;" data-toggle="tooltip" data-placement="bottom"
             data-title="Americian Astronomical Society">
            <img src="https://wwtweb.blob.core.windows.net/images/aas-newlogo.png" style="height:60px;width:60px;">
          </a>
        </li>
      </ul>

      <ul class="nav navbar-nav">
        <li class="dropdown" runat="server" id="topNav_Learn">
          <a href="javascript:void(0)" title="Learn" class="dropdown-toggle" data-toggle="dropdown">
            Learn <i class="fa fa-angle-down"></i>
          </a>

          <ul class="dropdown-menu">
            <li><a href="/Learn/">Getting Started</a></li>
            <li><a href="/Learn/UserGuide">User Guides</a></li>
          </ul>
        </li>

        <li class="dropdown" runat="server" id="topNav_Interact">
          <a href="javascript:void(0)" title="Use" class="dropdown-toggle" data-toggle="dropdown">
            Use <i class="fa fa-angle-down"></i>
          </a>

          <ul class="dropdown-menu">
            <li><a href="/webclient/"><strong>Use WWT on the Web</strong></a></li>
            <li><a href="/Use/">Install the WWT Windows App</a></li>
            <li><a href="/Use/Embed">Embed WWT In Your Website</a></li>
            <li class="divider"></li>
            <li><a href="/Use/Planetariums" title="Planetariums">Museum and Planetarium Resources</a></li>
            <li><a href="/Use/Educators" title="Educators">Educators Resources</a></li>
            <li><a href="/Use/Researchers" title="Researchers">Researchers Resources</a></li>
          </ul>
        </li>

        <li class="dropdown" runat="server" id="topNav_Develop">
          <a href="javascript:void(0)" title="Get Involved" class="dropdown-toggle" data-toggle="dropdown">
            Get Involved <i class="fa fa-angle-down"></i>
          </a>

          <ul class="dropdown-menu">
            <li><a href="/GetInvolved/">Join Us!</a></li>
            <li><a href="/GetInvolved/HelpOthers">Help Others Learn WWT</a></li>
            <li><a href="/GetInvolved/Develop">Develop</a></li>
            <li class="divider"></li>
            <li><a href="/Community/">Community Content</a></li>
            <li id="profileMenuItem" class="hide"><a href="/Community/Profile">My Profile</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</div>
